<template>
	<view class="welfareCenterPage">
		<view class="flex padding-bottom_20rpx border-bottom-ECECEC">
			<view class="flex-column-between-start margin-right_30rpx" style="height:  185.48rpx;">
				<view style="font-size: 16px;">
					草原黄牛肉一份
				</view>
				<view style="color: rgb(148, 148, 148);">
					黄牛肉，宁夏回族自治区固原市泾源 县特产黄牛肉。
				</view>
			</view>
			<view class="">
				<image  class="img"src="../../static/会员卡管理端/6045b99a804a5_01.png" mode=""></image>
			</view>
			
		</view>
		<view class="flex-between margin-top_40rpx">
			<view class="flex">
				<view class="margin-right_30rpx" style="color: rgb(148, 148, 148);"> 已核销 8 </view>
				<view class="flex" style="color: rgb(81, 142, 247)">
					核销记录<uni-icons type="right" color="color: rgb(81, 142, 247);" size="16"></uni-icons>
				</view>
			</view>
			<view class="flex">
				<view class="delete flex margin-right_30rpx">
					删除
				</view>
				<view class="edit flex">
					编辑
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {
		
		},
		data() {
			return {
				tabIndex:4
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="less">
	page{
		background: #f6f6f6;
	}
	.welfareCenterPage{
		border-radius: 20rpx;
		padding: 30rpx;
		box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.1);
		background: rgb(255, 255, 255);
		.img{
			width: 185.48rpx;
			height: 185.48rpx;
			
		}
		.delete{
			box-sizing: border-box;
			border: 2rpx solid rgb(223, 223, 223);
			border-radius: 4rpx;
			width: 110.6rpx;
			height: 55.9rpx;
			background: rgb(223, 223, 223);
			color: rgb(148, 148, 148);
		}
		.edit{
			width: 110.6rpx;
			height: 55.9rpx;
			box-sizing: border-box;
			border: 2rpx solid rgb(81, 142, 247);
			border-radius: 4rpx;
color: rgb(81, 142, 247);
		}
	}
</style>